﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="ProjectSem3._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
  
    <style type="text/css">
        .showw3
        {
            width: 95%;
            margin-top: 5px;
            margin: 0 auto;
            margin-bottom: 10px;
            box-shadow: 0px 2px 5px #ccc;
            text-align: left;
            color: Black;
            padding: 10px;
            background-color: #fff;
        }
        #tabbed_box_1
        {
            margin: 10px auto 0px auto;
            width: 420px;
            float: right;
        }
        .tabbed_box h4
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 23px;
            color: #ffffff;
            letter-spacing: -1px;
            margin-bottom: 10px;
        }
        .tabbed_box h4 small
        {
            color: #e3e9ec;
            font-weight: normal;
            font-size: 9px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            text-transform: uppercase;
            position: relative;
            top: -4px;
            left: 6px;
            letter-spacing: 0px;
        }
        .tabbed_area
        {
            border: 1px solid #494e52;
            background-color: #000;
            padding: 8px;
        }
        ul.tabs
        {
            margin: 0px;
            padding: 0px;
            margin-top: 5px;
            margin-bottom: 6px;
        }
        ul.tabs li
        {
            list-style: none;
            display: inline;
        }
        ul.tabs li a
        {
            background-color: #464c54;
            color: #EE7600;
            padding: 8px 14px 8px 14px;
            text-decoration: none;
            font-size: 9px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-weight: bold;
            text-transform: uppercase;
            border: 1px solid #464c54;
            background-image: url(../images/chitietnho/tab_off.jpg);
            background-repeat: repeat-x;
            background-position: bottom;
        }
        ul.tabs li a:hover
        {
            background-color: #2f343a;
            border-color: #2f343a;
        }
        ul.tabs li a.active
        {
            background-color: #EE7600;
            color: #000;
            border: 1px solid #EE7600;
            border-bottom: 1px solid #EE7600;
            background-image: url(../images/chitietnho/tab_on.jpg);
            background-repeat: repeat-x;
            background-position: top;
        }
        .content
        {
            background-color: #EE7600;
            padding: 10px;
            border: 1px solid #464c54;
            font-family: Arial, Helvetica, sans-serif;
            background-image: url(../images/chitietnho/content_bottom.jpg);
            background-repeat: repeat-x;
            background-position: bottom;
        }
        #Part_2, #Part_3, #Part_4, #Part_5
        {
            display: none;
        }
        .content ul
        {
            margin: 0px;
            padding: 0px 20px 0px 20px;
        }
        .content ul li
        {
            list-style: none;
            border-bottom: 1px solid #d6dde0;
            padding-top: 15px;
            padding-bottom: 15px;
            font-size: 13px;
        }
        .content ul li:last-child
        {
            border-bottom: none;
        }
        .content ul li a
        {
            text-decoration: none;
            color: #3e4346;
        }
        .content ul li a small
        {
            color: #8b959c;
            font-size: 9px;
            text-transform: uppercase;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            position: relative;
            left: 4px;
            top: 0px;
        }
        .content ul li a:hover
        {
            color: #a59c83;
        }
        .content ul li a:hover small
        {
            color: #baae8e;
        }
        
        .exetestitext
        {
            width: 502px;
            height: 250px;
            background-color: #fff;
            box-shadow: 0px 2px 5px #ccc;
            padding: 5px;
            display: block;
        }
        .exetestipic
        {
            float: left;
            width: 239px;
            height: 250px;
            background-color: #fff;
            box-shadow: 0px 2px 5px #ccc;
        }
        .style1
        {
            width: 528px;
        }
        .vip
        {
            width: 100%;
            height: 385px;
        }
        .show44
        {
            width: 60%;
            margin-top: 10px;
            margin-bottom: 10px;
            text-align: center;
            float: left;
        }
    </style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div class="maink">
        <div class="vip">
            <div class="show44">
                <div class="show_title">
                    <asp:HyperLink ID="HyperLink1" runat="server" Font-Size="20px" ForeColor="White"
                        ViewStateMode="Inherit" NavigateUrl="#" Font-Strikeout="False" Font-Underline="false">Hot item</asp:HyperLink>
                </div>
                <div class="show_contentTrangorder">
                    <div id="amazingcarousel-container-1">
                        <div id="amazingcarousel-1" style="display: block; position: relative; width: 100%;
                            max-width: 720px; margin: 0px auto 0px;">
                            <div class="amazingcarousel-list-container" style="overflow: hidden;">
                                <ul class="amazingcarousel-list">
                                    <asp:Repeater ID="Repeater_Product" runat="server" OnItemDataBound="Repeater_Product_ItemDataBound">
                                        <ItemTemplate>
                                            <li class="amazingcarousel-item">
                                        <asp:HiddenField runat="server" ID="productID" Value='<%# Eval("ProductID") %>' />
                                        <div class="amazingcarousel-item-container">
                                            <div class="amazingcarousel-image">
                                                <a href='Detail.aspx?id=<%# Eval("ProductID") %>'>
                                                    <asp:Image ID="image" runat="server" />
                                            </div>
                                            <div class="amazingcarousel-title">
                                                <h3><%# Eval("Name") %></h3>
                                                <cite class="price"><%# Eval("Price")%>₫</cite>
                                            </div>
                                            <div class="amazingcarousel-description">
                                            </div>
                                        </div>
                                    </li>
                                        </ItemTemplate>
                                    </asp:Repeater>                                    
                                </ul>
                            </div>
                            <div class="amazingcarousel-prev">
                            </div>
                            <div class="amazingcarousel-next">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tabbed_box" id="tabbed_box_1">
                <div class="tabbed_area">
                    <ul class="tabs">
                        <li><a class="tab active" href="javascript:void(0);" title="Part_1">IPhone</a></li>
                        <li><a class="tab" href="javascript:void(0);" title="Part_2">Samsung</a></li>
                        <li><a class="tab" href="javascript:void(0);" title="Part_3">Sony</a></li>
                    </ul>
                    <div class="content" id="Part_1">
                        <iframe title="YouTube video player" width="380px" height="290px" src="http://www.youtube.com/embed/SSiiRd_4LDo"
                            frameborder="0" allowfullscreen></iframe>
                    </div>
                    <div class="content" id="Part_2">
                        <iframe title="YouTube video player" width="380px" height="290px" src="http://www.youtube.com/embed/zKsW28L4qsE"
                            frameborder="0" allowfullscreen></iframe>
                    </div>
                    <div class="content" id="Part_3">
                        <iframe title="YouTube video player" width="380px" height="290px" src="http://www.youtube.com/embed/p_Q6d7ciA9o"
                            frameborder="0" allowfullscreen></iframe>
                    </div>
                    <span style="color: #dddddd; font-family: arial; font-size: 11px; font-weight: bold;">
                        ACCP1205: <a href="../Default.aspx" style="color: #f7f7f7; font-size: 15px; font-family: Agency FB;
                            font-weight: bold;">I Mobile</a></span>
                </div>
            </div>
            <script>
                $(document).ready(function () {
                    $("a.tab").click(function () {
                        $(".active").removeClass("active");
                        $(this).addClass("active");
                        $(".content").slideUp();
                        var content_show = $(this).attr("title");
                        $("#" + content_show).slideDown();
                    });
                });
            </script>
        </div>
        <div style="clear: both;">
        </div>
        <div class="show">
            <div class="show_title">
                <asp:HyperLink ID="HyperLink2" runat="server" Font-Size="20px" ForeColor="White"
                    ViewStateMode="Inherit" NavigateUrl="#" Font-Strikeout="False" Font-Underline="false">Smartphones & Dual Sim Mobiles</asp:HyperLink>
            </div>
            <asp:ListView ID="ListViewProduct" runat="server" OnItemDataBound="ListViewProduct_ItemDataBound">
                <LayoutTemplate>
                    <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>
                </LayoutTemplate>
                <ItemTemplate>
                    <div class="show_content">
                        <div class="show_content_top_left_1 aa1">
                            <div class="overlay">
                                <div class="info">
                                    <asp:HiddenField runat="server" ID="productID" Value='<%# Eval("ProductID") %>' />
                                    <h3 class="Name">
                                        <%# Eval("Name") %></h3>
                                    <div class="price_product">
                                        <i>
                                            <%# Eval("Price")%>₫</i>
                                    </div>
                                    <div class="description">
                                        <%# Eval("Description")%>
                                    </div>
                                    <div style="margin-right: 20px; float: right;">
                                        <a href='Detail.aspx?id=<%# Eval("ProductID") %>' style="color: Blue">Read more...</a></div>
                                </div>
                            </div>
                            <div class="show_image">
                                <asp:Image ID="image" runat="server" CssClass="IMGShoww" />
                            </div>
                            <div class="show_note">
                                <div class="name_product clearfix">
                                    <h3>
                                        <%# Eval("Name")%></h3>
                                </div>
                                <div class="price_product clearfix">
                                    <cite class="price">
                                        <%# Eval("Price")%>₫</cite>
                                </div>
                            </div>
                        </div>
                    </div>
                </ItemTemplate>
            </asp:ListView>
            <div style="clear: both;">
            </div>
        </div>
        <div class="showw3">
            <div class="seo-about">
                <br />
                <img src="../images/hinhcuaSON/who_is_mobilestore.gif" />
                <b><font size="5">Who Is I Mobiles Online Store</font></b><br>
                <div>
                    <font size="1"></font>When it comes to mobiles, everybody insists on catching up
                    with the trend. But who likes having to hop off to a mobile store every time a new
                    phone or accessory is launched? Here at <a href="../Default.aspx" style="color: #EE7600;">
                        I Mobile</a>, we ensure that the latest models are always just a click away
                    from you.</div>
                <div>
                    <b><font size="1">
                        <br>
                        <font size="5">Mobile Phones</font></b><br>
                    </font> Just like songs, there’s a mobile for everyone. If you want the tried and
                    tested, buy Nokia mobiles. With models ranging from the most basic to the latest
                    Lumia, they’re a sure bet. If you only prefer what’s most popular, explore recent
                    launches from Samsung, Apple or Sony. And if you are the social butterfly who loves
                    to stay constantly in touch with friends through IMs, then BlackBerry mobiles are
                    great choices. If you’d rather experiment and explore, mobile phones from are all
                    set to impress you with their mid-range mobiles and smart phones collections. &nbsp;For
                    the frequent traveller we have dual and triple SIM mobile phones, and for the professional
                    we have a massive collection of iPhones, Symbian, Windows &amp; Android phones.
                    <br />
                    <div>
                        <br />
                        <a href="../Default.aspx" style="color: #EE7600;">I Mobile</a>favors intelligent
                        purchases for their customers by presenting well researched mobile product specifications
                        &amp; by encouraging customers to write product reviews. With 0% EMI scheme, FREE
                        shipping and other super deal offers on our vast range of mobiles and accessories
                        we work out the best possible customer-friendly deals for you. We serve to make
                        your shopping a wholesome and pleasurable experience.</div>
                </div>
            </div>
        </div>
        <div style="clear: both;">
        </div>
    </div>
</asp:Content>
